<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="./images/login/favicon.ico" />
    <link rel="stylesheet" href="./css/vivo/iconfont.css">
    <link rel="stylesheet" href="./css/css.css">
    <link rel="stylesheet" href="./css/home.css">
    <link rel="stylesheet" href="./css/list.css">
    <title>列表页</title>
</head>

<body>
 <!-- 开头导航栏部分 -->
 <div class="navigation-top">
    <!-- 开头导航栏版心 -->
    <div class="navigation-center">
        <ul class="navigation-bar">
            <a href="">
                <li>品牌</li>
            </a>
            <a href="">
                <li>OriginOS</li>
            </a>
            <a href="">
                <li>体验店</li>
            </a>
            <a href="">
                <li>企业业务</li>
            </a>
            <a href="">
                <li>社区</li>
            </a>
            <a href="">
                <!-- 鼠标移入这个出现弹窗 -->
                <li><span class="iconfont APP">&#xe617;&nbsp;&nbsp;APP下载</span></li>
            </a>
            <!-- 弹窗 -->
            <div class="popUp">
                <div class="triangle"></div>
                <img src="./images/login/qr code.png" alt="">
                <p>扫描下载vivio官方APP</p>
            </div>
            <a href="cart.html">
                <li>购物车</li>
            </a>
            <a href="">
                <li class="personal">个人中心</li>
            </a>
            <!-- 个人中心的弹窗 -->
            <div class="popUp2">
                <div class="triangle2"></div>
                <div><a href="./login.html">登录</a></div>
                <p><a href="./register.html">注册</a></p>
            </div>
        </ul>
    </div>
</div>
<!-- 导航栏链接部分 -->
<div class="navigation-button">
    <a href="">
        <b class="iconfont">&#xe69a;</b>
    </a>
    <ul class="navigation-button-cenent">
        <a href="">
            <li>NEX系列</li>
        </a>
        <a href="">
            <li>X系列</li>
        </a>
        <a href="">
            <li>S系列</li>
        </a>
        <a href="">
            <li>Y系列</li>
        </a>
        <a href="">
            <li>iQOO手机</li>
        </a>
        <a href="">
            <li>智能硬件</li>
        </a>
        <a href="">
            <li>商城</li>
        </a>
        <a href="">
            <li>服务</li>
        </a>
    </ul>
    <div class="iconfont">
        &#xe632;
    </div>
</div>
<div class="drop-box"></div>

    <!-- 导航条 -->
    <div class="crumbs">
        <a href="./home.html">商城首页 <span class="iconfont">&#xe7e6;</span></a>
        <div class="nv-last">智能手机</div>
    </div>

    <!-- 菜单部分 -->
    <div class="filter-wrap">
        <ul class="filter-up">
            <li><a href="">智能手机</a></li>
            <li><a href="">配置产品</a></li>
            <li><a href="">服务</a></li>
        </ul>
        <ul class="filter-down">
            <li><a href="">全部</a></li>
            <li><a href="">vivo NES</a></li>
            <li><a href="">vivo X</a></li>
            <li><a href="">vivo S</a></li>
            <li><a href="">vivo Y</a></li>
            <li><a href="">IQOO 旗舰</a></li>
            <li><a href="">IQOO Neo</a></li>
            <li><a href="">IQOO Z</a></li>
            <li><a href="">IQOO U</a></li>
        </ul>
    </div>
    <!-- 主体部分 -->
    <div class="list-body">
        <ol>
            
        </ol>
    </div>
    <!-- 跳转码 -->
    <div class="paginiton">
       <ol>
           <li>1</li>
           <li>2</li>
           <li>3</li>
           <li>4</li>
           <li>5</li>
           <li>6</li>
           <li>下一页</li>
           <span>共5页，转跳至：</span>
           <input type="text">
           <span>页</span>
           <button>确定</button>
       </ol>
    </div>
    <!-- 尾部 -->
    <div class="foot-top">
        <ul>
            <li> <span class="iconfont">&#xe640;</span>官方正品</li>
            <li> <span class="iconfont">&#xe6bf;</span>顺丰极速达</li>
            <li> <span class="iconfont">&#xe62a;</span>全国联保</li>
            <li> <span class="iconfont">&#xe61a;</span>免费制定</li>
        </ul>
    </div>
    <div class="foot-botton">
        <div class="foot-botton-body">
            <ul>
                <li>
                    <dt>热门链接</dt>
                    <dd><a href="">X60 Pro</a></dd>
                    <dd><a href="">S9</a></dd>
                    <dd><a href="">NEX 3S</a></dd>
                    <dd><a href="">vivo摄影</a></dd>
                    <dd><a href="">查找手机</a></dd>
                    <dd><a href="">常见问题</a></dd>
                </li>
                <li>
                    <dt>在线购买</dt>
                    <dd><a href="">官方商城</a></dd>
                    <dd><a href="">选购手机</a></dd>
                    <dd><a href="">选购配件</a></dd>
                    <dd><a href="">企业服务</a></dd>
                    <dd><a href="">以旧换新</a></dd>
                    <dd><a href="">保障服务</a></dd>
                </li>
                <li>
                    <dt>服务支持</dt>
                    <dd><a href="">体验店</a></dd>
                    <dd><a href="">服务首页</a></dd>
                    <dd><a href="">服务网点查询</a></dd>
                    <dd><a href="">真伪查询</a></dd>
                    <dd><a href="">预约维修</a></dd>
                    <dd><a href="">维修配件价格</a></dd>
                    <dd><a href="">服务政策</a></dd>
                    <dd><a href="">安全公告</a></dd>
                    <dd><a href="">环保回收</a></dd>
                </li>
                <li>
                    <dt>vivo社区</dt>
                    <dd><a href="">社区首页</a></dd>
                    <dd><a href="">摄影专区</a></dd>
                    <dd><a href="">新浪微博</a></dd>
                    <dd><a href="">百度贴吧</a></dd>
                    <dd><a href="">兴趣部落</a></dd>
                </li>
                <li>
                    <dt>关于vivo</dt>
                    <dd><a href="">vivo简介</a></dd>
                    <dd><a href="">工作机会</a></dd>
                    <dd><a href="">新闻资讯</a></dd>
                    <dd><a href="">采购平台</a></dd>
                    <dd><a href=""> 供应商协同平台</a></dd>
                    <dd><a href=""> 开发平台</a></dd>
                    <dd><a href=""> 廉政合规</a></dd>
                </li>
            </ul>
            <ol class="foot-botton-rg">
                <a href=""><span class="iconfont">&#xe60f;</span>在线客服</a>
                <p><span class="iconfont">&#xe66e;</span>全国客户服务热线 7*24小时</p>
                <b>400-678-9688</b>
                <p><span class="iconfont">&#xe62d;</span>NEX专属服务热线 7*24小时</p>
                <b>400-678-9688</b>
                <p><span class="iconfont">&#xe608;</span>服务监督邮箱</p>
                <em>vivo@vivo.com</em>
                <p><span class="iconfont">&#xe673;</span>关注vivo</p>
                <ol>
                    <a href="">
                        <li class="iconfont">&#xe618;</li>
                    </a>
                    <a href="">
                        <li class="iconfont">&#xe7e5;</li>
                    </a>
                    <a href="">
                        <li class="iconfont">&#xe63b;</li>
                    </a>
                    <a href="">
                        <li class="iconfont">&#xe649;</li>
                    </a>
                </ol>
            </ol>
        </div>
        <div class="foot-botton-foot">
            ©2011-2021 广东天宸网络科技有限公司版权所有 | 隐私政策 | 法律声明 | 营业执照 | 粤B2-20150324 | 粤ICP备14052990号| 粤公网安备 44190002004246号
            <span>Select Location <em class="iconfont">&#xe670;</em></span>
        </div>
</body>
<script src="./node_modules/jquery/dist/jquery.js"></script>
    <script src="./layer/layer.js"></script>
    <script src="./js/cookie.js"></script>
    <!-- 六个页面动态效果一样的，都放入其中 -->
    <script src="./js/js.js"></script>
    <script src="./js/home.js?a=9"></script>
    <script src="./js/list.js"></script>


</html>